﻿<%@ Page language="c#" %>
<script runat="server">
  
  private void Page_Load(object sender, System.EventArgs e) {
  }
  
  </script>

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
    <meta content="0" http-equiv="Expires">
    <title>插入表格</title> <style>
 
 body {}{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background: #ffffff; 
     width: 100%;
     overflow:hidden;
     border: 0;
 }
 
 body,tr,td {}{
     color: #000000;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
 } 
 </style>
      <script language="javascript">
 function returnTable() {
     var arr = new Array();
 
     arr["width"] = document.getElementById('Width').value;  
     arr["height"] = document.getElementById('Height').value;
     arr["cellpadding"] = document.getElementById('Cellpadding').value;  
     arr["cellspacing"] = document.getElementById('Cellspacing').value;
     arr["border"] = document.getElementById('Border').value;      
 
     arr["cols"] = document.getElementById('Columns').value;
     arr["rows"] = document.getElementById('Rows').value;
     arr["valigncells"] = document.getElementById('VAlignCells')[document.getElementById('VAlignCells').selectedIndex].value;
     arr["haligncells"] = document.getElementById('HAlignCells')[document.getElementById('HAlignCells').selectedIndex].value;
     arr["percentcols"] = document.getElementById('PercentCols').checked;    
              
     window.returnValue = arr;
     window.close();    
 }        
 </script>

    </head>
<body>
    <table border="0" cellpadding="1" cellspacing="3" width="100%">
        <tr>
            <td valign="top">
                
                <fieldset>
                    <legend><font style="font-size:14px">表格</font></legend>
                    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
                        
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">宽度</font></td>
                            
                            <td>
                                <input id="Width" name="Width" style="width: 50px;" type="text" value="100"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">高度</font></td>
                            
                            <td>
                                <input id="Height" name="Height" style="width: 50px;" type="text" value="100"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">单元格边距</font></td>
                            
                            <td>
                                <input id="Cellpadding" name="Cellpadding" style="width: 50px;" type="text" value="0"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">单元格间距</font></td>
                            
                            <td>
                                <input id="Cellspacing" name="Cellspacing" style="width: 50px;" type="text" value="0"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">边框粗细</font></td>
                            
                            <td>
                                <input id="Border" name="Border" style="width: 50px;" type="text" value="1"></td>
                            
                        </tr>
                        
                    </table>
                    
                </fieldset>
                </td>
            <td>
                &nbsp;&nbsp;</td>
             <td valign="top">
                
                <fieldset>
                    <legend><font style="font-size: 14px">单元格</font></legend>
                    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
                        
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">列数</font></td>
                            
                            <td>
                                <input id="Columns" name="Columns" style="width: 80px;" type="text" value="2"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">行数</font></td>
                            
                            <td>
                                <input id="Rows" name="Rows" style="width: 80px;" type="text" value="2"></td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">垂直对齐方式</font></td>
                            
                            <td>
                                <select id="VAlignCells" name="VAlignCells" style="width: 80px;">
                                    
                                    <option>默认</option>
                                    
                                    <option value="top">顶端对齐</option>
                                    
                                    <option value="center">相对垂直居中</option>
                                    
                                    <option value="bottom">相对底边对齐</option>
                                    
                                </select>
                                
                            </td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">水平对齐方式</font></td>
                            
                            <td>
                                <select id="HAlignCells" name="HAlignCells" style="width: 80px;">
                                    
                                    <option>默认</option>
                                    
                                    <option value="left">左对齐</option>
                                    
                                    <option value="center">居中</option>
                                    
                                    <option value="right">右对齐</option>
                                    
                                </select>
                                
                            </td>
                            
                        </tr>
                        <tr>
                            
                            <td>
                                <font style="font-size: 14px">平均分配各列</font></td>
                            
                            <td>
                                <input id="PercentCols" name="PercentCols" type="checkbox" value="1"></td>
                            
                        </tr>
                        
                    </table>
                    
                </fieldset>
                </td>
        </tr>
        <tr>
            <td align="center" colspan="3">
                
                <input onclick="returnTable();return false;" type="button" value="插入表格">
                </td>
        </tr>
        </table>
    </body>
</html>
